import DGFadeView from "../../../components/DGFadeView.tsx";
import {ArrowBack} from "@mui/icons-material";
// import AppProvider from "../../../sources/AppProvider.ts";
import {useNavigate} from "react-router-dom";
import DGTextView from "../../../components/DGTextView.tsx";
import {Box, useTheme} from "@mui/material";
import IconButton from "@mui/material/IconButton";

const DGSecurityInfo = () => {
    // 全局上下文
    // const App = AppProvider.useAppContext();
    // 查询模式
    const m = useTheme().palette.mode === "light";
    // 路由跳转
    const router = useNavigate();

    return (<DGFadeView time={800}>
        {/* 返回选项 */}
        <Box style={{
            margin: "15px 15px", padding: "10px 15px",
            display: "flex", alignItems: "center", gap: "15px",
            backgroundColor: m ? "#EDEDED" : "#222222",
        }}>
            <IconButton onClick={() => router(-1)}><ArrowBack/></IconButton>
            <DGTextView Body Bold>返回安全中心</DGTextView>
        </Box>

        <DGTextView Body Bold>暂时没有安全信息</DGTextView>
    </DGFadeView>);
}
export default DGSecurityInfo;